<template>
	<view class="navBar">
		<u-navbar :title="title" @leftClick="jump" :placeholder="true" titleStyle="color: #fff">
			<view slot="left" v-if="home"><image src="../../static/yibu.png" mode="heightFix"></image></view>
		</u-navbar>
	</view>
</template>

<script>
export default {
	name: 'navBar',
	props: {
		title: {
			type: String,
			required: true
		},
		home: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {};
	},
	methods: {
		jump() {
			const pageList = getCurrentPages();

			//	如果页面栈中，只存在一个页面，那 navigateBack 将会失效，需要进行判断
			//		如果只存在一个页面，则回到首页，否则才可以回到上一层
			if (pageList.length > 1) {
				uni.navigateBack();
			} else {
				//	回到 tabBar 页面，需要使用 switchTab 方法
				uni.switchTab({
					url: '/pages/index/index'
				});
			}
		}
	}
};
</script>

<style lang="scss">
* {
	font-family: 'catstyle';
}
.navBar {
	image {
		width: 20px;
		height: 20px;
	}

	::v-deep .u-navbar__content {
		background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
	}
}
</style>
